<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>果然FruitC</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="icon" type="image/png" href="../../theme/default/images/favicon.png">
		<link href="css/amazeui.min.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/check.css" rel="stylesheet" type="text/css" />
		<style>
		.exchange_btn_yes{
			display: block; 
			margin: 10px 5px;
			height: 35px;
			line-height: 35px; 
			 text-align: center; 
			  border-radius: 5px;
			  background: #c40000;
			  color: #fff;
		}
		</style>
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default sq-head ">
			<div class="am-header-left am-header-nav">
				<a href="javascript:history.back()" class="">
					<i class="am-icon-chevron-left"></i>
				</a>
			</div>
			<h1 class="am-header-title">
  	            <a href="" class="">个人资料</a>
            </h1>
	    </header>
	    <div style="height: 49px;"></div>
	    <ul class="safty1">
	    	<li>
	    			<i style="margin-top: 25px;">头像</i>
	    			<div class="infor-pic">
	    				<img src="${user_key.head_pic}" />
	    			</div>
	    	</li>
	    	<li>
	    			<i>昵称</i>
	    			<input class="infor-tele" readonly value="${user_key.nick_name}" placeholder="默契"/>	    			
	    	</li>
	    	<li>
	    			<i>生日</i>
                    <input class="infor-tele" value="${user_key.birth }" name="date" type="date" placeholder="出生日期"/>
	    	</li>
	    </ul>
<!-- 	    <div style="height: 10px; background: #efefef;"></div> -->
	     <ul class="safty1">
	    	<li>
	    			<i>真实姓名</i>
	    			<input class="infor-tele" name="name" value="${user_key.real_name}" placeholder="真实姓名"/>	    			
	    	</li>
	    	<li>
	    			<i>手机</i>
                    <input class="infor-tele" name="tel" value="${user_key.tel}" placeholder="13012345678"/>
	    	</li>
	    	<li>
	    			<i>故乡</i>
                    <input class="infor-tele"name= "address" value="${user_key.addr}"placeholder="来自哪里"/>
	    	</li>
	    	
	    </ul>
	    <div id="error" style="height:20px;color:#9e122b;"></div>
	    <a class="exchange_btn_yes" href="javascript:save()">保存</a>
	</body>
	<script src="${ctx }/shop/js/jquery-1.10.2.min.js"></script>
	<script src="${ctx }/shop/js/util.js"></script>
	<script>
		function save(){
			$(".infor-tele").valid({
				success : function(vals){
					$("#error").text("");
					sendReq("${ctx}/saveInfo",vals,function(data){
						hit_box_one('保存成功','','','我知道啦','');
					});
				},
				fail : function(msg){
					$("#error").text(msg);
				}
			});
		}
	</script>
<%@include file="../common/jsticket.jsp"%><!--静态包含-->  
</html>
